<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<link rel="stylesheet" type="text/css" href="../css/index.css">
 </head>
 <body>
  <!--top-->
	<div class="top_back">
		<div class="top">
			<div class="dz-box">
				<a href="#">登录</a>
				<a class="no-border" href="#">注册</a>
			</div>
		</div>
	</div>
<!--logo-->
<div class="logo_back">
  <div class="logo">
      <div class="logo-left">
        <a href="#">
          <img src="../images/logo.png">
        </a>
      </div>
      <div class="logo-middle">
          <form class="bd-form">
            <input class="search-btn" type="submit" value=""/>
            <input class="search-input" type="text"/>
          </form>
      </div>
      <div class="logo-right">
        <a class="razer-btn">
          <span>
            <i class="fa fa-shopping-cart"></i>
            购物车
          </span>
        </a>
      </div>
  </div>
</div>
<!--ban-->
<div class="ban_back">
  <div class="ban">
      <ul class="orion-menu">
        <li class="active">
          <a href="#">全部商品分类</a>
           <!--  <ul class="home-category">
              <li class="first">
                <div class="box">
                    <a href="#">
                        <h4>鼠标</h4>
                    </a>
                    <div class="hot-item">
                        <a href="#">人体工程学</a>
                        <a href="#">双手通用</a>
                    </div>
                </div>
                <ul class="dropdown active">
                    <li class="second">
                       <a href="#">
                          <img class="pic" src="../images/mouse01.jpg"/>
                          人体工程学
                       </a>
                    </li>
                    <li class="second">
                       <a href="#">
                          <img src=""/>
                          双手通用
                       </a>
                    </li>
                    <li class="second">
                       <a href="#">
                          <img src=""/>
                          MMO
                       </a>
                    </li>
                    <li class="second">
                       <a href="#">
                          <img src=""/>
                          便携式
                       </a>
                    </li>
                </ul>
              </li>
              <li class="first"></li>
              <li class="first"></li>
              <li class="first"></li>
              <li class="first"></li>
              <li class="first"></li>
            </ul> -->
        </li>
        <li class="nav_active"><a href="#">首页</a></li>
      </ul>
  </div>
</div>
<!--lunbo-->
<div class="lunbo_back">
  <div class="lunbo">
    <div class="lunbo-box">
        <div class="lunBo-item">
          <a href="#">
            <img src="../images/lb01.jpg" alt="" />
          </a>
        </div>
        <div class="lunBo-item">
          <a href="#">
            <img src="../images/lb02.jpg" alt="" />
          </a>
        </div>
        <div class="controls">
            <ul class="control-list">
                <li class="active"></li>
                <li></li>
            </ul>
        </div>
    </div>
  </div>
</div>
<!--container-->
<div class="container_back">
  <div class="container">
      <ul class="container-list">
        <li><a href=""><img src=""/></a></li>
        <li class="margin10"><a href=""><img src=""/></a></li>
        <li><a href=""><img src=""/></a></li>
      <ul>
  </div>
</div>
<!--floor-->
<div class="floors_back">
  <div class="floors">
      <div class="floor mice">
        <h1>
           鼠标
          <a class="more" href="#">更多 >></a>
        </h1>
        <ul class="sub-category">
            <li><a href=""> 人体工程学</a></li>
            <li><a href="">  双手通用</a></li>
            <li><a href=""> MMO</a></li>
            <li><a href=""> 便携式</a></li>
        </ul>
       <div class="main-promo">
          <a href="#">
            <img src="">
          </a>
          <div class="ad_name">
              <p class="tit">曼巴眼镜蛇竞技版游戏鼠标</p>
              <p><span>￥799</span></p>
          </div>
      </div>
      <ul class="product-list">
        <li>
          <a href="#">
              <img src="">
              <div class="price-box">
                  <h2>Abyssus 地狱狂蛇 2014</h2>
                  <p class="price">
                    <span class="discount">￥199.00</span>
                  </p>
              </div>
          </a>
        </li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
    <div class="floor mice">
      <h1>
          键盘
          <a class="more" href="#">更多 >></a>
      </h1>
      <ul class="sub-category">
            <li><a href=""> 人体工程学</a></li>
            <li><a href="">  双手通用</a></li>
            <li><a href=""> MMO</a></li>
            <li><a href=""> 便携式</a></li>
        </ul>
       <div class="main-promo">
          <a href="#">
            <img src="">
          </a>
          <div class="ad_name">
              <p class="tit">曼巴眼镜蛇竞技版游戏鼠标</p>
              <p><span>￥799</span></p>
          </div>
      </div>
      <ul class="product-list">
        <li>
          <a href="#">
              <img src="">
              <div class="price-box">
                  <h2>Abyssus 地狱狂蛇 2014</h2>
                  <p class="price">
                    <span class="discount">￥199.00</span>
                  </p>
              </div>
          </a>
        </li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
    <div class="floor mice">
      <h1>
          游戏鼠标垫
          <a class="more" href="#">更多 >></a>
      </h1>
      <ul class="sub-category">
            <li><a href=""> 人体工程学</a></li>
            <li><a href="">  双手通用</a></li>
            <li><a href=""> MMO</a></li>
            <li><a href=""> 便携式</a></li>
        </ul>
       <div class="main-promo">
          <a href="#">
            <img src="">
          </a>
          <div class="ad_name">
              <p class="tit">曼巴眼镜蛇竞技版游戏鼠标</p>
              <p><span>￥799</span></p>
          </div>
      </div>
      <ul class="product-list">
        <li>
          <a href="#">
              <img src="">
              <div class="price-box">
                  <h2>Abyssus 地狱狂蛇 2014</h2>
                  <p class="price">
                    <span class="discount">￥199.00</span>
                  </p>
              </div>
          </a>
        </li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
    <div class="floor mice">
      <h1>
         音频
          <a class="more" href="#">更多 >></a>
      </h1>
      <ul class="sub-category">
            <li><a href=""> 人体工程学</a></li>
            <li><a href="">  双手通用</a></li>
            <li><a href=""> MMO</a></li>
            <li><a href=""> 便携式</a></li>
        </ul>
       <div class="main-promo">
          <a href="#">
            <img src="">
          </a>
          <div class="ad_name">
              <p class="tit">曼巴眼镜蛇竞技版游戏鼠标</p>
              <p><span>￥799</span></p>
          </div>
      </div>
      <ul class="product-list">
        <li>
          <a href="#">
              <img src="">
              <div class="price-box">
                  <h2>Abyssus 地狱狂蛇 2014</h2>
                  <p class="price">
                    <span class="discount">￥199.00</span>
                  </p>
              </div>
          </a>
        </li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
    <div class="floor mice">
      <h1>
          周边配件
          <a class="more" href="#">更多 >></a>
      </h1>
      <ul class="sub-category">
            <li><a href=""> 人体工程学</a></li>
            <li><a href="">  双手通用</a></li>
            <li><a href=""> MMO</a></li>
            <li><a href=""> 便携式</a></li>
        </ul>
       <div class="main-promo">
          <a href="#">
            <img src="">
          </a>
          <div class="ad_name">
              <p class="tit">曼巴眼镜蛇竞技版游戏鼠标</p>
              <p><span>￥799</span></p>
          </div>
      </div>
      <ul class="product-list">
        <li>
          <a href="#">
              <img src="">
              <div class="price-box">
                  <h2>Abyssus 地狱狂蛇 2014</h2>
                  <p class="price">
                    <span class="discount">￥199.00</span>
                  </p>
              </div>
          </a>
        </li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
  </div>
</div>

<!--end-->
  <div class="end_back">
    <div class="end">
        <div class="bottom">
          <div class="help-title">
            <ul class="service">
              <li>
                <i><img src="../images/sftp.png"></i>
                <font>顺丰极速配送</font>
              </li>
              <li>
                <i><img src="../images/hctp.png"></i>
                <font>48小时闪电发货</font>
              </li>
              <li>
                <i><img src="../images/th.png"></i>
                <font>7天无理由退货</font>
              </li>
              <li>
                <i><img src="../images/thh.png"></i>
                <font>30余家售后网店</font>
              </li>
            </ul>
          </div>
          <div class="help-list">
              <ul class="bottomk">
                <li class="title-tip">关注我们</li>
                <li><a href="#">品牌介绍</a></li>
                <li><a href="#">新浪微博</a></li>
                <li><a href="#">官方微信</a></li>
              </ul>
              <ul class="bottomk">
                <li class="title-tip">帮助中心</li>
                <li><a href="#">购物指南</a></li>
                <li><a href="#">支付方式</a></li>
                <li><a href="#">配送方式</a></li>
              </ul>
              <ul class="bottomk">
                <li class="title-tip">服务支持</li>
                <li><a href="#">售后政策</a></li>
                <li><a href="#">售后支持</a></li>
                <li><a href="#">驱动下载</a></li>
              </ul>
              <ul class="bottomk">
                <li class="title-tip">常见问题</li>
                <li><a href="#">隐私政策</a></li>
                <li><a href="#">发票索取</a></li>
                <li><a href="#">退换货</a></li>
              </ul>
              <div class="online-service">
                <p><a href="#">在线客服</a></p>
                <p>工作日&nbsp;9:00-24:00</p>
                 <p>节假日10:00-22:00</p>
              </div>
          </div>
        </div>
        <div class="footer">
          <p>
            <img src="../images/footer_slogan.png">
            <span>Copyright© 1999-2012 Razer (Asia-Pacific) Pte Ltd 版权所有 | 沪ICP备12035791号</span>
          </p>
        </div> 
    </div>
  </div>
 </body>
</html>
